<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <%- include common %>
        <style>
            .layui-layout-body {
                padding-top: 0;
            }
        </style>
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <%- include('head',{username:username})  %>
        <div class="layui-body"  style="padding-top: 150px;padding-left:400px;color:black;background: url('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3049534411,3261297719&fm=26&gp=0.jpg') no-repeat; background-size: cover;
         
        background-size:100% 100%;
        background-size:10%;
        background-size:cover;
     ">
            <!-- 内容主体区域 -->
            <form class="layui-form" action="/users/insert/submit" method="POST">
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名:</label>
                    <div class="layui-input-block" style="width: 310px;">
                        <input type="text" name="name" required lay-verify="required" placeholder="请输入姓名"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">电话:</label>
                    <div class="layui-input-block" style="width: 310px;">
                        <input type="tel" name="tel" required lay-verify="required" placeholder="请输入电话"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">家庭住址</label>
                    <div class="layui-input-block" style="width: 310px;">
                        <input type="address" name="address" required lay-verify="required" placeholder="请输入家庭住址"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">入职时间:</label>
                    <div class="layui-input-block" style="width: 310px;">
                        <input type="date" name="time" required lay-verify="required" placeholder="请输入入职时间"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">职位</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="job" value="清洁工" title="清洁工">
                        <input type="checkbox" name="job" value="打理工" title="打理工" checked>
                        <input type="checkbox" name="job" value="服务员" title="服务员">
                    </div>
                </div>
               
                <div class="layui-form-item">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block">
                        <input type="radio" name="alt" value="男" title="男">
                        <input type="radio" name="alt" value="女" title="女" checked>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn" >立即提交</button>
                        <button type="reset"  class="layui-btn layui-btn-primary" style="width: 100px;margin-left: 100px;">重置</button>
                    </div>
                </div>
            </form>

        </div>

        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © 国际大酒店 layumen.com
        </div>
    </div>
    <!-- <script src="../src/layui.js"></script> -->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        //JavaScript代码区域
        layui.use('element', function () {
            var element = layui.element;

        });
        layui.use('form', function () {
            var form = layui.form;

            //监听提交
            form.on('submit(formDemo)', function (data) {
                layer.msg(JSON.stringify(data.field));
                return false;
            });
        });
    </script>
</body>

</html>